<template>
  <div class="tab3">
    <div class="container">
      <el-row>
        <el-col :span="12">
          <Aside :asideList="Tab3list" title="党团建设" he="1220px"></Aside>
        </el-col>
        <el-col :span="12">
          <Card title="党团建设" :card2="cardList"></Card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import card2 from '../components/Card/card2.vue'
export default {
  components: { card2 },
  data() {
    return {
      Tab3list: [
        {
          id: 0,
          label: '党团活动'
        },
        {
          id: 1,
          label: '学生风采'
        },
        {
          id: 2,
          label: '入党指南'
        },
        {
          id: 3,
          label: '入团指南'
        }
      ],
      cardList: [
        {
          id: 0,
          title: '党团活动',
          subclass: [
            {
              label:
                '学党史、强信念、跟党走”广西机电职业技术学院商学院学生党支部开展2021年党史竞赛...',
              date: '2022-2-15'
            },
            {
              label:
                '电子商务专业群党支部开展“学习百年党史 缅怀革命先烈”主题党日活动...',
              date: '2022-2-15'
            },
            {
              label: '电子商务专业群党支部开展“百年党史”教育 专题党课...',
              date: '2022-2-15'
            },
            {
              label: '电子商务专业群党支部召开2020年度组织生活会...',
              date: '2022-2-15'
            },
            {
              label:
                '学习抗美援朝精神 为实现伟大复兴奋斗 －－电子商务专业群党支部开展主题党日活动...',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 1,
          title: '入党指南',
          subclass: [
            {
              label: '入党常见问题解答',
              date: '2022-2-15'
            },
            {
              label: '入党志愿书如何写？',
              date: '2022-2-15'
            },
            {
              label: '入党申请书写作规范和要求',
              date: '2022-2-15'
            },
            {
              label: '中国共产党发展党员工作细则',
              date: '2022-2-15'
            },
            {
              label: '中国共产党章程（2017年修改版）',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 3,
          title: '入团指南',
          subclass: [
            {
              label: '申请范文',
              date: '2022-2-15'
            },
            {
              label: '入团问答',
              date: '2022-2-15'
            },
            {
              label: '入团程序',
              date: '2022-2-15'
            },
            {
              label: '入团条件',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 1,
          title: '学生风采',
          subclass: [
            {
              label: '学生风采',
              date: '2022-2-15'
            },
            {
              label: '我院学生在上体操形体课',
              date: '2022-2-15'
            },
            {
              label: '我院学生在学院晚会中的精彩演出',
              date: '2022-2-15'
            },
            {
              label: '我院学生篮球排球照',
              date: '2022-2-15'
            },
            {
              label: '我院学生在运动场的英姿',
              date: '2022-2-15'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.container {
  width: 1200px;
  margin: 0 auto;
}
</style>
